<template>
  <div id="box">
    <div id="zhong">
      <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/6d3639b54669d4d4419682a26c20d8e3.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">电视</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/1f73cbf9869ae4478f09c23230a3600e.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">厨房电器</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/f64ba876e8f5b4ccf9cf930ba65f6fc6.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">手机</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/afd17448ea946013158d3cd12a19aec2.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">空调</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/361ab238423ec786029a067ec363b3f9.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">生活电器</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/7d1909a728dfd7b6f2a9d913c0a2dbd3.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">智能家庭</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/f9fc893a0098babcdfe40354dd15ea74.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">冰洗</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/70696032cdc7eb1ec84e16e2925d8c97.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">电脑办公</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/146cb29c0ee9c2d3d1e38bef627e9380.jpeg@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">日用潮玩</div>
      </div>
       <div id="yi">
        <div id="a">
          <img
            src="https://img.youpin.mi-img.com/jianyu/b245339d_a0d9_401e_9025_988c48cbf780.png@base@tag=imgScale&h=100&m=1&q=80&w=100"
            alt
          />
        </div>
        <div id="b">智能穿戴</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#box {
  width: 100%;
  background-color: #ffffff;
  margin-top: 0.2rem;
}
#zhong {
  width: 95%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#yi {
  width: 17.3333vw;
  height: 19.2vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    margin-top: 0.07rem;
}
#a {
  width: 13.3333vw;
  height: 13.3333vw;
}
img {
  width: 100%;
  height: 100%;
}
#b {
  font-size: 3.2vw;
  width: 13.3333vw;
  height: 4.5333vw;
  text-align: center;
}
</style>